<h1>父子传参那些事</h1>

<!-- 还记得vue的props父传子吗，angular中其实用法差不多，不过v-bind语法在angular中对应的是[] -->
<app-myc03 name="123123" [age]="18" [boss]="{name:'mika',age:22,sex:'男'}"></app-myc03>
<hr>

<!-- 
  子传父
    1. 子元素不能直接获取到父元素，因为子元素是被父元素包含的，父元素可以轻松拿到子元素，但是反过来就不行了
    2. 父元素需要通过属性传值的方式，传给子元素一个方法
    3. 子元素通过这个方法来传递信息给父元素

    如果你没有vue基础的话， 理解起来可能有些困难，这里我们做个情景假设
    假设你
 -->
 <h2>myc04组件告诉我她喜欢: {{ msg }}</h2>
<app-myc04 (msgEvent)="show($event)"></app-myc04>